<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>阿翼前端</title>
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/app.css"/>
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <!--[if IE 7]>
    <link href="assets/css/font-awesome-ie7.min.css" rel="stylesheet" type="text/css"/>
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="assets/js/html5shiv3.7.2.min.js" type="text/javascript"></script>
    <script src="assets/js/respond1.4.2.min.js" type="text/javascript"></script>
    <![endif]-->
</head>
<body>
<!--公共的头部-->
<nav class="ayi-navbar fixed-top ayi-navbar-top bg-light">
    <div class="ayi-navbar-left"><a class="ayi-navbar-brand" href="#"><img src="assets/img/logo.png" height="30" alt=""></a></div>
    <div class="ayi-navbar-right">
        <ul class="ayi-nav ayi-navbar-nav float-right ayi-nav-user">
            <li class="ayi-nav-item ayi-dropdown"><a href="#" data-toggle="ayi-dropdown"  aria-expanded="false"><img src="assets/img/avatar.png" alt="Avatar"></a>
                <div role="menu" class="ayi-dropdown-menu">
                    <div class="user-info">
                        <div class="user-name">阿翼</div>
                        <div class="user-position online">可用</div>
                    </div>
                    <a href="pages-profile.html" class="ayi-dropdown-item"> Account</a>
                    <a href="#" class="ayi-dropdown-item"> Settings</a>
                    <a href="pages-login.html" class="ayi-dropdown-item"> Logout</a>
                </div>
            </li>
        </ul>
        <div class="ayi-page-title">
            <span class="ayi-nav-title">Dashboard</span>
            <span class="ayi-nav-menu"><i class="icon-reorder"></i></span>
        </div>
        <ul class="ayi-nav ayi-navbar-nav   ayi-nav-other">
            <li><a href="#" role="button" aria-expanded="false"><i class="icon-adjust"></i></span></a></li>
            <li><a href="#" role="button" aria-expanded="false"><i class="icon-adjust"></i></span></a></li>
            <li><a href="#" role="button" aria-expanded="false"><i class="icon-adjust"></i></span></a></li>
        </ul>
    </div>
</nav>
<!--公共的左边-->
<div class="ayi-left-sidebar">
    <div class="ayi-left-sidebar-wrapper">
        <div class="ayi-left-sidebar-content">
            <ul class="ayi-sidebar-elements">
                <li class="ayi-divider">menu</li>
                <li class="ayi-parent-menu active"><a href="javascript:"><i
                        class="icon-adjust"></i><span>Dashboard</span></a></li>
                <li class="ayi-parent-menu">
                    <a href="javascript:"><i class="icon-adjust"></i><span>UI元素</span></a>
                    <ul class="ayi-sub-menu">
                        <li><a href="ui-alert.html">Alert</a></li>
                        <li><a href="ui-button.html">Button</a></li>
                        <li><a href="ui-panel.html">Panels</a></li>
                        <li><a href="ui-general.html">General</a></li>
                        <li><a href="ui-modal.html">Modals</a></li>
                        <li><a href="ui-notification.html">Notifications</a></li>
                        <li><a href="ui-icon.html">Icons</a></li>
                        <li><a href="ui-grid.html">Grid</a></li>
                        <li><a href="ui-tab.html">Tabs</a></li>
                        <li><a href="ui-nestable.html">Nestable lists</a></li>
                        <li><a href="ui-typography.html">Typography</a></li>
                    </ul>
                </li>
                <li class="ayi-parent-menu"><a href="javascript:"><i class="icon-adjust"></i> <span>多级菜单</span></a>
                    <ul class="ayi-sub-menu">
                        <li class="ayi-parent-menu"><i class=""></i><a href="javascript:">第一级菜单1</a>
                            <ul class="ayi-sub-menu">
                                <li><i class=""></i> <a href="javascript:">第二级菜单1</a></li>
                                <li class="ayi-parent-menu"><i class=""></i><a href="javascript:">第二级菜单2</a>
                                    <ul class="ayi-sub-menu">
                                        <li><i class=""></i><a href="javascript:">第三级菜单1</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><i class=""></i><a href="javascript:">第一级菜单2</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--右边的内容地方-->
<div class="ayi-right-content">
    <div class="ayi-main-contain container-fluid"></div>
</div>
<script src="assets/js/jquery-3.3.1.slim.min.js" type="text/javascript"></script>
<script src="assets/js/popper.min.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/app.js" type="text/javascript"></script>
</body>
</html>